<!-- components/InputItem.vue -->
<template>
  <view class="table-row">
    <view class="table-title">{{ title }}</view>
    <wd-input
      custom-input-class="table-input"
      v-model="inputValue"
      :placeholder="placeholder"
      :name="name"
    />
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const inputValue = ref('')
defineProps<{
  title: string
  placeholder: string
  name?: string
}>()
</script>

<style>
.table-input {
  /* 定义您的样式 */
  background-color: lightblue;
}
</style>

<style scoped>
.table-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.table-title {
  flex-basis: 42%;
  width: 100px;
  font-weight: 900;
  color: black;
}
</style>
